.ftco-slant-282828{
  &:after {
    background: #282828;
  }
}

.mt-6{
  margin-top:4rem !important;
}

.mt-7{
  margin-top:5rem !important;
}

.mt-8{
  margin-top:6rem !important;
}

.hover-bright:hover{
  /* box-shadow:0 0 8px #DDD;
	-moz-box-shadow:0 0 8px #DDD;
	-webkit-box-shadow:0 0 8px #DDD; */
}

.fadeDown-ava {
  display: none;
  position: absolute;
  background-color: #9AC8E2;
  max-width: 90%;
  word-wrap: break-word;
  z-index: -9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

.hover-bright:hover .fadeDown-ava{
  display:block;
}
.fadeDown-bella {
  display: none;
  position: absolute;
  background-color: #DB7D74;
  max-width: 90%;
  word-wrap: break-word;
  z-index: -9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

.hover-bright:hover .fadeDown-bella{
  display:block;
}
.fadeDown-carol {
  display: none;
  position: absolute;
  background-color: #b8a6d9;
  max-width: 90%;
  word-wrap: break-word;
  z-index: -9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

.hover-bright:hover .fadeDown-carol{
  display:block;
}
.fadeDown-diana {
  display: none;
  position: absolute;
  background-color: #e799b0;
  max-width: 90%;
  word-wrap: break-word;
  z-index: -9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

.hover-bright:hover .fadeDown-diana{
  display:block;
}

.fadeDown-eileen {
  display: none;
  position: absolute;
  background-color: #576690;
  max-width: 90%;
  word-wrap: break-word;
  z-index: -9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

.hover-bright:hover .fadeDown-eileen{
  display:block;
}

.floatBox {
  width: 300px;
  /* x=0代表移回原位置 */
  transform: translateY(0);
  transition: transform 0.6s;
}

.floatBox:hover {
  transform: translateY(-30px);
  transition: transform 0.6s;

}

.idk img{
  width:100%;
}